jQuery(document).ready(function() {

    // Copy menu for mobile usage
    $('.mobileMenu').clone().appendTo('.topBar').removeClass('big');




 jQuery('.loadMore').on('click', function(e) {
        
        jQuery('.hidden').fadeIn(300);
        jQuery(this).html('NO MORE ARTICLES').css('opacity', 0.5).css('cursor', 'default');
        
        e.preventDefault();
        
    });

 jQuery('.shareBtn').on('click', function(e) {
        
        jQuery('.shareIt').fadeToggle(200);
        jQuery(this).toggleClass('shareActive');
        e.preventDefault();
        
    });


    jQuery('.search, .close').on('click', function(e) {
        
        jQuery('#searchform').slideToggle(200);
        jQuery('.searchField').focus();
        
        e.preventDefault();
        
    });
    
    
     jQuery('.mobileMenuBtn').on('click', function(e) {
        
        jQuery(this).toggleClass('mobileActive');
        jQuery('.big nav ').fadeToggle(200);
        
        e.preventDefault();
        
    });
    
     jQuery('.topBar .mobileMenuBtn').on('click', function(e) {
        

        jQuery('.topBar .mobileMenu nav').fadeToggle(200);
        
        e.preventDefault();
        
    });

   function sidebar() { 
   
   $contentHeight = jQuery('.content').outerHeight();

   jQuery('.separator').height($contentHeight);
   
}

 function mobileMenu() {
            
        // Create the dropdown base
        jQuery("<select />").appendTo("nav .mobileNavContainer");
        jQuery("nav select").hide();
        
        // Create default option "Go to..."
        jQuery("<option />", {
            "selected": "selected",
            "value"   : "",
            "text"    : "Go to..."
        }).appendTo("nav select");

        // Populate dropdown with menu items
        jQuery("nav a").each(function() {
            var el = jQuery(this);
            $("<option />", {
                "value"   : el.attr("href"),
                "text"    : el.text()
            }).appendTo("nav select");
        });

        jQuery("nav select").change(function() {
            window.location = jQuery(this).find("option:selected").val();
        });
            
        }
        
          
        function select() {
            
        
              // FOR EACH SELECT
    jQuery('nav select').each(function() {
        
        // LET'S PUT OUR MARKUP BEFORE IT
        jQuery(this).before('<div class="select-wrapper">');
        
        // LETS PUR OUR MARKUP AFTER IT
        jQuery(this).after('<span class="select-container"></span></div>');
        
        // UPDATES THE INITIAL SELECTED VALUE
        var initialVal = jQuery(this).children('option:selected').text();
        jQuery(this).siblings('span.select-container').text(initialVal);
        
        // HIDES SELECT BUT LET THE USER STILL CLICK IT
        jQuery(this).css({opacity: 0});  
        
        // WHEN USER CHANGES THE SELECT, WE UPDATE THE SPAN BOX
        jQuery(this).change(function() {
            
            // GETS NEW SELECTED VALUE
            var newSelVal = jQuery(this).children('option:selected').text();
            
            // UPDATES BOX
            jQuery(this).siblings('span.select-container').text(newSelVal);
            
        });
        
    }); 
            
        }

    jQuery(window).load(function() {
       

   jQuery('ul.sf-menu').superfish(); 
 
mobileMenu();
select();
sidebar();

    });
    
    
    jQuery(window).resize(function() {
     
        sidebar();
      
    });

});
